<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<style>
			/* css注释方式 */
			/* css部分:选择器：抓取页面元素，元素增加效果
			          选择器{
						  属性：属性值;
						  属性：属性值;
					  }
			 */
			p{
				width:200px;
				height: 200px;
			    background: #aaffff; /*16进制色值*/
			}
		</style>
	</head>
	<body>
		<!-- ①内联样式表，叫做行内样式表  【考试考，开发不用:没有真正实现内容与表现分离】
		 语法：前标记 style=“属性：属性值；属性：属性值;...”
		 -->
		<div style="width: 300px;height: 300px;background: red;"> </div>
		<!-- 内部样式表【开发不用:练习专用】
		 html部分：在head元素中，添加style元素
		 css部分：在style元素中，添加css样式
		 -->
		 <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet ab sit ea dolore saepe, voluptas tenetur sed aspernatur eaque deserunt consequatur voluptatum blanditiis eos amet reiciendis natus voluptatem perspiciatis expedita?</p >
	</body>
</html>